설치 및 구현

설치

yarn add @react-navigation/drawer react-native-gesture-handler react-native-reanimated

구현

import { NavigationContainer } from '@react-navigation/native';
import {
  createNativeStackNavigator,
  NativeStackNavigationProp,
} from '@react-navigation/native-stack';
import HomeScreen from './src/HomeScreen';
import DetailScreen from './src/DetailScreen';

export type RouteParam = {
  Home: undefined;
  Detail: {
    id: number;
  };
};

export type StackNavigationProp = NativeStackNavigationProp<RouteParam>;
const Stack = createNativeStackNavigator<RouteParam>();

const App = () => {
  return (
    <NavigationContainer>
      <Stack.Navigator initialRouteName={'Home'}>
        <Stack.Screen name="Home" component={HomeScreen} />
        <Stack.Screen name="Detail" component={DetailScreen} />
      </Stack.Navigator>
    </NavigationContainer>
  );
};

export default App;